<!DOCTYPE html>
<html lang="en">
   	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta name="keywords" content="这里写关键字">
		<meta name="description" content="这里写页面描述">
		<meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 
		<meta name="format-detection" content="telephone=no,email=no" />
		<link href="fontAwesome/css/font-awesome.min.css" rel="stylesheet">
		<link href="css/common.css" rel="stylesheet">
		<link href="css/main.css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery.min.js"></script>
	</head>
</head>
<body>
	<div class="container">
		<div class="header-info">
			<div class="headerImg">
				<img src="images/header.png">
			</div>
			<p class="user-name">吴迪</p>
		</div>
		<div class="entry-list">
			<div class="col-sm-6 recommend-number">
				<div class="template-row-list">
					<label class="label-title">推荐客户</label>
					<div class="row-content num"><strong>115</strong>位</div>
				</div>
			</div>
			<div class="col-sm-6 recommend-number">
				<div class="template-row-list">
					<label class="label-title">佣金总额</label>
					<div class="row-content num"><strong>62714</strong>元</div>
				</div>
			</div>
		</div>
		<div class="recommend-commission-btn">
			<div class="col-sm-6">
				<div class="recommend-com-list">
					<a href="javascript:;"><span class="iconImg"></span>我要推荐</a>
				</div>
			</div>
			<div class="col-sm-6">
				<div class="recommend-com-list botNo">
					<a href="javascript:;"><span class="iconImg"></span>我的佣金</a>
				</div>
			</div>
		</div>
		<div class="line bor-t bor-b"></div>
		<div class="unified-template">
			<div class="choice-city-region">
				<a href="javascript:;" class="choice-city">
					<span class="location-icon"></span>
					<p class="city-name">全部城市</p>
					<i class="fa fa-caret-right"></i>
				</a>
			</div>
			<ul class="city-info-list">
				<!-- <li>
					<a href="javascript:;" class="choice-city">
						<span class="location-icon"></span>
						<p class="city-name">全部城市</p>
						<i class="fa fa-caret-right"></i>
					</a>
				</li> -->
				<li>
					<div class="residential-details">
						<div class="residential-img">
							<img src="images/1.jpg">
							<div class="residential-mask"></div>
							<div class="residential-mask-info">
								<div class="col-sm-6 name">[浦东新区]东方雅园</div>
								<div class="col-sm-6 square">60000元/平米</div>
							</div>
						</div>
						<div class="recommend-residential">
							<div class="userNum">已推荐<span class="tNum">253</span>位客户</div>
							<a href="javascript:;" class="recommendBtn"><i class="fa fa-thumbs-o-up"></i>推荐客户</a>
						</div>
					</div>
				</li>
				<li>
					<div class="residential-details">
						<div class="residential-img">
							<img src="images/1.jpg">
							<div class="residential-mask"></div>
							<div class="residential-mask-info">
								<div class="col-sm-6 name">[浦东新区]东方雅园</div>
								<div class="col-sm-6 square">60000元/平米</div>
							</div>
						</div>
						<div class="recommend-residential">
							<div class="userNum">已推荐<span class="tNum">253</span>位客户</div>
							<a href="javascript:;" class="recommendBtn"><i class="fa fa-thumbs-o-up"></i>推荐客户</a>
						</div>
					</div>
				</li>
				<li>
					<div class="residential-details">
						<div class="residential-img">
							<img src="images/1.jpg">
							<div class="residential-mask"></div>
							<div class="residential-mask-info">
								<div class="col-sm-6 name">[浦东新区]东方雅园</div>
								<div class="col-sm-6 square">60000元/平米</div>
							</div>
						</div>
						<div class="recommend-residential">
							<div class="userNum">已推荐<span class="tNum">253</span>位客户</div>
							<a href="javascript:;" class="recommendBtn"><i class="fa fa-thumbs-o-up"></i>推荐客户</a>
						</div>
					</div>
				</li>
				<li>
					<div class="residential-details">
						<div class="residential-img">
							<img src="images/1.jpg">
							<div class="residential-mask"></div>
							<div class="residential-mask-info">
								<div class="col-sm-6 name">[浦东新区]东方雅园</div>
								<div class="col-sm-6 square">60000元/平米</div>
							</div>
						</div>
						<div class="recommend-residential">
							<div class="userNum">已推荐<span class="tNum">253</span>位客户</div>
							<a href="javascript:;" class="recommendBtn"><i class="fa fa-thumbs-o-up"></i>推荐客户</a>
						</div>
					</div>
				</li>
				<li>
					<div class="residential-details">
						<div class="residential-img">
							<img src="images/1.jpg">
							<div class="residential-mask"></div>
							<div class="residential-mask-info">
								<div class="col-sm-6 name">[浦东新区]东方雅园</div>
								<div class="col-sm-6 square">60000元/平米</div>
							</div>
						</div>
						<div class="recommend-residential">
							<div class="userNum">已推荐<span class="tNum">253</span>位客户</div>
							<a href="javascript:;" class="recommendBtn"><i class="fa fa-thumbs-o-up"></i>推荐客户</a>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="fixed-footer">
			<a href="javascript:;" class="footer-list active">
				<span class="footer-icon"></span>首页
			</a>
			<a href="javascript:;" class="footer-list">
				<span class="footer-icon footer-sec"></span>客户
			</a>
			<a href="javascript:;" class="footer-list">
				<span class="footer-icon footer-thrd"></span>动态
			</a>
			<a href="javascript:;" class="footer-list">
				<span class="footer-icon footer-four"></span>我的
			</a>
		</div>
	</div>
</body>
<script type="text/javascript">
	$(function(){
		var tHeight = $(".choice-city-region").offset().top;
		$(window).scroll(function() {
			var iScrollT = $(window).scrollTop();
			if(iScrollT > tHeight){
				$(".choice-city-region").css("position","fixed");
			}else{
				$(".choice-city-region").css("position","relative");
			}	
		});

	})
</script>
</html>
   